<template>
	<view class="">
		<view class="tips-pane" v-if="role=='power'">
			<u-image src="/static/success.png" mode="aspectFill" width="170" height="170" :showMenuByLongpress="false"
				:showLoading="false" :fade="false"></u-image>
			<view class="u-tips-color">申请成功，等待需求方确认</view>
		</view>
		<view class="order-content">
			<view class="bg-white u-p-30 radius20">
				<view class="title-dot font-medium u-font-30 u-m-b-35">{{info.demand_info.title}}</view>
				<view class="u-flex u-row-between">
					<text class="u-light-color u-font-30">服务价格</text>
					<view class="u-type-error">￥<text class="u-font-30">{{info.demand_info.price}}</text></view>
				</view>
				<u-line margin="30rpx 0" color="#F6F6F6"></u-line>
				<view class="u-flex u-row-between  u-font-30">
					<text class="u-light-color u-m-r-20">服务地址</text>
					<view class="font-medium u-flex-1 align-right">{{info.demand_info.address}}</view>
				</view>
				<u-line margin="30rpx 0" color="#F6F6F6"></u-line>
				<view class="u-flex u-row-between u-font-30">
					<text class="u-light-color ">服务时间</text>
					<view class="font-medium">{{info.demand_info.serve_time}}</view>
				</view>
			</view>
			<view class="u-font-34 font-medium u-m-t-30 u-m-b-30">把关师</view>
			<view class="bg-white u-p-30 radius20">
				<view class="u-flex u-m-b-30" @click="$u.route('/pages/subpage/profile/index',{id:info.serve_info.uid})">
					<view class="avatar">
						<u-avatar :src="info.serve_info.avatar" show-level :level-bg-color="$appConfig.mainColor"
							size="80"></u-avatar>
					</view>
					<view class="u-flex-1 font-medium u-font-28">{{info.serve_info.name}}</view>
					<u-icon name="arrow-right" color="#999999" size="32"></u-icon>
				</view>
				<view class="info-item u-font-30">
					<view class="u-light-color u-m-r-30">报价</view>
					<view class="u-flex-1 align-right font-medium">
						<text class="u-font-24">￥</text>{{info.serve_info.price}}
					</view>
				</view>
				<u-line color="#F6F6F6" margin="30rpx 0"></u-line>
				<view class="u-font-30">
					<view class="u-light-color u-m-b-30">服务内容</view>
					<view class="font-medium"><text>{{info.serve_info.description}}</text></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			role: {
				type: String,
				default: 'power'
			},
			info: {
				type: Object,
				default: () => ({})
			}
		},
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.tips-pane {
		background-color: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 40rpx;
	}

	.order-content {
		padding: 30rpx;
	}

	.avatar {
		transform: scale(0.8);
	}

	.info-item {
		display: flex;
		align-items: center;
	}
</style>